/** 适用于一级列表页样式 */

@mixin list-section {
  padding: 16px;
  border-radius: 4px;
  background-color: #ffffff;
}

.common-list-container__v2 {
  height: 100%;
  overflow: auto;
  padding: 12px;
  .common-list-header__v2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 16px;
    border-radius: 4px;
    background-color: #ffffff;
    .advanced-search {
      margin-left: 12px;
    }
  }
  /** 列表页表格 */
  .common-list-view__v2 {
    @include list-section;
    
    .common-list-view-header__v2 {
      display: flex;
      justify-content: space-between;
      &-left {
        display: flex;

        >.el-button {
          margin-left: 12px;
          &:first-child {
            margin-left: 0;
          }
        }
      }
      &-right {
        display: flex;
        color: $text-color-regular;
      }
    }
    
    .common-list-selection__v2{
      padding: 0 7px;
      background: rgba(254, 139, 37, 0.08);
      line-height: 28px;
      font-size: 12px;
      span{
        @include fontColor();
        padding: 0 10px;
      }
    }
    
    .el-table--border {
      border: none;
      padding: 0;
      &::after {
        width: 0 !important;
      }
    }
  }
  .common-list-table-footer__v2 {
    /** 列表底部的分页样式 */
    .el-pagination {
      text-align: right;
      .el-pagination__total,
      .el-pagination__sizes {
        float: left;
      }
    }
  }
}

/** 列表页分区 */
.common-list-section__v2 {
  @include list-section;
}

/** 列表页表格样式 */
.common-list-table-header__v2 {
  background: #fafafa !important;
  
  th {
    background: #fafafa !important;
    & > .cell {
      font-size: 14px !important;
      font-weight: 500 !important;
    }
  }
}

.common-list-table__v2 {
  padding: 10px;
  
  &:before {
    height: 0 !important;
  }
  
  td > .cell {
    height: 31px;
  }
  
  .view-detail-btn {
    @include fontColor();
  }
  .products-cell {
    display: flex;
    &-item {
      display: flex;
    }
  }
}

/** 工单状态 **/
.task-state-block__v2 {
  height: 22px;
  border-radius: 11px;
  margin-left: 8px;
  margin-top: 5px;
  text-align: center;
  line-height: 22px;
  padding: 0 8px;
  max-width: 180px;
  &-overtime,
  &-approve {
    display: inline-block;
    color: #fff;
  }

  &-overtime {
    background-color: #F56C6C;
  }

  &-approve {
    background-color: #FAAE14;
  }
}